<template>
	<el-dialog v-model="props.isShow" width="26%" close-icon="CloseBold" @close="close">
		<template #header>
			<div class="text-18px font-bold">
				详情
			</div>
		</template>
		<div class="mb-20px">
			<div class="flex flex-col items-center">
				<p class="text-#86909C text-18px">兑换</p>
				<p :class="{ 'text-#07B175': color, 'text-#F34E5F': !color }" class="text-18px font-bold mt-10px">-0.23252 USDT
				</p>
			</div>
			<div class="mt-40px text-14px text-#86909C">
				<div class="flex items-center justify-between">
					<p>订单号</p>
					<div class="text-#000000 flex items-center">
						<p>2325356225625</p>
						<img class="ml-10px w-16px h-16px" src="/transaction/spot/copy.svg" />
					</div>
				</div>
				<div class="flex items-center justify-between mt-10px">
					<p>单号</p>
					<div class="text-#000000 flex items-center">
						<p>2325356225625</p>
						<img class="ml-10px w-16px h-16px" src="/transaction/spot/copy.svg" />
					</div>
				</div>
				<div class="flex items-center justify-between mt-10px"> 
					<p>币种</p>
					<div class="text-#000000 flex items-center">
						<p >USDT</p>
					</div>
				</div>
				<div class="flex items-center justify-between mt-10px"> 
					<p>时间</p>
					<div class="text-#000000 flex items-center">
						<p >2025-02-02 17:26:14</p>
					</div>
				</div>
				<div class="flex items-center justify-between mt-10px"> 
					<p>备注</p>
					<div class="text-#000000 flex items-center">
						<p >从USDT兑换为JYD</p>
					</div>
				</div>
			</div>
		</div>
	</el-dialog>
</template>
<script setup lang="ts">
import { ref } from 'vue';
interface IProps {
	isShow: boolean
	color: boolean;//true绿色 false红色
}
const props = defineProps<IProps>();

const emits = defineEmits(['close', 'confirm'])

const openValue = ref<boolean>(false);
const close = () => {
	emits('close', false)
}

const confirm = () => {
	emits('confirm')
}
</script>
